<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>发财币明细</title>
		<meta name="decorator" content="default"/>
		<script type="text/javascript" src="${ctxStatic }/js/wdcf.js"></script>
		<link href="${ctxStatic}/jquery-pagination/pagination.css" rel="stylesheet" />
		<script type="text/javascript" src="${ctxStatic }/jquery-pagination/jquery-pagination.js"></script>
		<script type="text/javascript">
			var pagenum=parseInt("${pagenum-1}");
			var pagesize=parseInt("${pagesize}");
			var totalCount=parseInt("${totalCount}");
			$(function(){
				// 创建分页元素				
				$("#Pagination").pagination(totalCount, {
					num_edge_entries: 2,
					current_page: pagenum,
					items_per_page: pagesize,
					num_display_entries: pagesize,
					prev_text: "上一页",
					next_text:"下一页",
					num_display_entries: 8,
					callback: pageselectCallback  //回调函数
				});

			})
			
			function pageselectCallback(page_id, jq){
				$("#pagenum").val(page_id+1);
				$("#pageForm").submit();			
			}

		</script>
		
	</head>
<body>
<div class="header_tit">
	<div class="header_titbox">
    	<h2 class="header_tit1">财富首页</h2>
        >
        <h3 class="header_tit2">发财币</h3>
    </div>
</div>
<div class="wdcf_box">
	<div class="wdcf_centerbox clearfix">
    	<div class="wdcf_navleft">
        	<div class="wdcf_title">我的财富</div>
            <ul>
                <li><a href="${ctx }/my/hyxx">完善信息</a></li>
                <li><a href="${ctx }/my/hisloan">历史借款</a></li>
                <li><a href="${ctx }/my/hislc">历史收益</a></li>
                <li><a href="${ctx }/my/fcb">发财币</a></li>
                <li><a href="${ctx }/my/message">系统消息</a></li>
                <li><a href="${ctx }/my/modpass">密码修改</a></li>
            </ul>
        </div>
        <div class="fcmx_rightbox">
        	<div class="fcmx_downbox clearfix">
                <div class="fcmx_box">
					<a class="fc_btn" href="${ctx }/my/fcb">我的发财币</a>
                    <a class="fcmx_btn" href="javascript:;">发财币明细</a>
                </div>
                <div class="tab_pannel">
					<table class="tab_content clearfix">
                		<thead>
                    		<tr>
                        		<td width="25%">变更时间</td>
                            	<td width="25%">记录类型</td>
                            	<td width="25%">发财币数量</td>
                            	<td width="25%">备注</td>
                        	</tr>
                    	</thead>                    	
                        <tbody>
                        	<c:forEach var="map" items="${list}">
                        	<tr>
                            	<td>${map['bgsj']}</td>
                                <td>${map['bglx']}</td>
                                <td>
                                	<span class="red">${map['fcbje']}</span>个
                                </td>
                                <td>${map['note']}</td>
                            </tr>
                            </c:forEach>
                        </tbody>
                	</table>  
                </div>
                <div class="zxdt_xinwen_list">
                
                	<div id="Pagination" class="pagination"></div>
                	<form id="pageForm" method="post" action="${ctx }/my/fcblist">
                		<input type="hidden" id="pagenum" name="pagenum" value="${pagenum }"/>
                		<input type="hidden" id="pagesize" name="pagesize" value="${pagesize }"/>
                	</form>
                	
                	
<!--                 	<ul> -->
<!--                     	<li class="active"><span class="current_prev">上一页</span></li> -->
                    	
<!--                         <li class="active_prev"><span class="current">1</span></li> -->
<!--                         <li><a class="page-link" href="#">2</a></li> -->
<!--                         <li><a class="page-link" href="#">3</a></li> -->
<!--                         <li class="disabled"><a class="ellipse" href="#">...</a></li> -->
<!--                         <li><a class="page-link" href="#">9</a></li> -->
<!--                         <li><a class="page-link" href="#">10</a></li> -->
                        
<!--                         <li><a class="page_next" href="#">下一页</a></li> -->
<!--                     </ul> -->
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>